<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" href="/css/index.css"/>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<script src="/js/main.js"></script>
	<title th:text="${setting.siteName}+'-个人中心'">易书网</title>
</head>
<style>
	.help-main p {
		line-height: 50px;
	}
</style>
<body >


<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: header"></div>


<div class="help-wrap">
	<div class="container clearfix">
		<div class="bread">当前位置：
			<a href="index.html">首页</a> >
			<a href="member.html">个人中心</a> >
			<a href="password.html">修改密码</a>
		</div>
		<div  th:replace="mall/common/mall_common :: left"></div>
		<div class="help-r fr">
			<div class="help-item-title">个人信息</div>
			<div class="help-main">
				<form action="">
					<input type="hidden" th:value="${session.mallUser.id}" name="id" id="mallId">
					<p><span class="nice">邮箱：</span>
						<input type="text" value="" id="email" required="required" oninvalid="setCustomValidity('请填写邮箱号！');" oninput="setCustomValidity('');" style="width: 200px">
					</p>
					<p><span class="nice">邮箱验证码：</span>
						<input type="text" value="" id="emailCode" required="required" oninvalid="setCustomValidity('请填写邮箱验证码！');" oninput="setCustomValidity('');" style="width: 100px">
					</p>
					<button id="CheckCode" type="button" class="layui-btn layui-btn-sm ">获取验证码</button>
					<h3 id="messages" style="color: red; margin-left: 100px"></h3>
					<input class="save" type="submit" value="确认" id="submits"/>

				</form>
			</div>
		</div>
	</div>
</div>





<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: footer"></div>
<script  src="js/jquery-3.4.1.js" th:src="@{/js/jquery-3.4.1.js}"></script>
<script src="/layui/layui.js" ></script>
<script>

	//手机登录
	layui.use(['form','layer'],function (){
		var form = layui.form;
		var layer = layui.layer;
		var $ = layui.$;



		$("#CheckCode").click(function () {
			var emails = $("#email").val();
			if (emails == null || emails == "") {
				layer.msg("请输入邮箱号！！！");
				return;
			}

			countDown();
		})


		//获取短信发送验证码倒计时
		var maxTime = 60;
		function countDown(){
			if (maxTime == 0){
				checkCode = "";
				$("#CheckCode").removeClass("layui-btn-disabled");
				$("#CheckCode").removeAttr("disabled")
				$("#CheckCode").html("获取验证码");
				maxTime = 60;
			}else{
				$("#CheckCode").attr("disabled","disabled");
				$("#CheckCode").addClass("layui-btn-disabled");
				form.render();
				$("#CheckCode").html(maxTime+"秒后重新获取");
				maxTime--;
				setTimeout(countDown,1000);
			}
		}
	})
</script>

</body>
</html>